var mainTabPanel = new Ext.TabPanel({
			id : 'centerPanel',
			frame : true,
			activeTab : 0,
			height : 500,
			// autoHeight:true,
			// collapsible:true,
			items : {
				title : '我的任务',
				id : 'frame1',
				// html : '<iframe src="http://www.baidu.com"
				// frameborder="0" width="100%" height="100%"
				// ></iframe>',
				autoScroll : true
			}
//			,
//			tbar : ['->',{
//						text : '注销',
//						iconCls : 'deleteIcon',
//						handler : function() {
//							alert("退出系统");
//						}
//					}]
		});
/**
 * 主页面的布局JS 使用Ext.Viewport分为NORTH,SOUTH,WEST,CENTER四块 左侧为导航菜单的树形结构
 * 点击树的NODE会出现详细的TabPanel显示在CENTER块
 */
Ext.onReady(function() {

			// WEST导航的Tree菜单
			var menuTree_Stg = new Ext.tree.TreePanel({
						id : 'menuTree_Stg',
						// autoScroll : true,
						autoHeight : true,
						expanded : true,
						singleExpand : true,
						useArrows : true,
						rootVisible : true,
						root : new Ext.tree.AsyncTreeNode({
									id : '-1',
									text : '数据查询',
									expanded : true,
									children : [{
												id : 'cfgmenu1',
												text : "经销商信息查询",
												leaf : true,
												url : '../supp/init'
											}
									// , {
									// id : 'cfgmenu2',
									// text : "系统管理(开发中)",
									// leaf : true,
									// url : '../strategysys/init'
									// }, {
									// id : 'cfgmenu3',
									// text : "权限管理",
									// leaf : true,
									// url : '../dispsys/init'
									// }
									// , {
									// id : 'cfgmenu4',
									// text : "策略分组配置",
									// leaf : true,
									// url : '../stggroup/init'
									// }, {
									// id : 'cfgmenu5',
									// text : "用户分组配置",
									// leaf : true,
									// url : '../usergroup/init'
									// }
									]
								}),
						// 添加监听事件
						listeners : {
							'click' : function(view, rec) {
								var nodeurl = view.attributes.url;
								var nodetext = view.attributes.text;
								var nodeid = view.attributes.id;
								var leaf = view.attributes.leaf;
								if (leaf) {
									addTabNew(nodeurl, nodetext, nodeid,
											nodetext, '');
								}
							}
						}
					});
			/**
			 * 查询的树菜单
			 */
			var menuTree_InfoQuery = new Ext.tree.TreePanel({
				id : 'menuTree_InfoQuery',
				// autoScroll : true,
				autoHeight : true,
				expanded : true,
				singleExpand : true,
				useArrows : true,
				rootVisible : true,
				root : new Ext.tree.AsyncTreeNode({
							id : '-1',
							text : '系统管理',
							expanded : true,
							children : [{
										id : 'querymenu1',
										text : "基础资料管理",
										leaf : true,
										url : '../userinfo/init'
									}, {
										id : 'querymenu2',
										text : "权限管理",
										leaf : true,
										url : '../rbtregist/init'
									}, {
										id : 'querymenu3',
										text : "人员管理",
										leaf : true,
										url : '../queuemoitor/init'
									}
							// , {
							// id : 'clientTaskStat',
							// text : "客户端任务检索",
							// leaf : true,
							// url : '../taskstat/init'
							// }, {
							// id : 'iprecord',
							// text : "客户端IP查询",
							// leaf : true,
							// url : '/spreader-front/iprecord/init'
							// },
							// {
							// id : 'clientTaskStatDtl',
							// text : "客户端任务详细信息",
							// leaf : true,
							// url : '../taskstatdtl/init'
							// },
							// {
							// id : 'clientTaskStatReport',
							// text : "报表查询",
							// leaf : true,
							// url : '../taskreport/init'
							// }, {
							// id : 'helpManage',
							// text : "帮助信息维护",
							// leaf : true,
							// url : '../help/init'
							// }
							]
						})
					// ,
					// 添加监听事件
					// listeners : {
					// 'click' : function(view, rec) {
					// var nodeurl = view.attributes.url;
					// var nodetext = view.attributes.text;
					// var nodeid = view.attributes.id;
					// var leaf = view.attributes.leaf;
					// if (leaf) {
					// addTabNew(nodeurl, nodetext, nodeid, nodetext, '');
					// }
					// }
					// }
				});
			/**
			 * 内容库查询
			 */
			// var menuTree_ContentLibQuery = new Ext.tree.TreePanel({
			// id : 'menuTree_ContentLibQuery',
			// // autoScroll : true,
			// // autoHeight : true,
			// expanded : true,
			// singleExpand : true,
			// useArrows : true,
			// rootVisible : true,
			// root : new Ext.tree.AsyncTreeNode({
			// id : '-1',
			// text : '基础信息',
			// expanded : true,
			// children : [ {
			// id : 'contentLib',
			// text : "微博内容库检索",
			// leaf : true,
			// url : '../contentlib/init'
			// }, {
			// id : 'photoLib',
			// text : "图片库检索",
			// leaf : true,
			// url : '../photolib/init'
			// } ]
			// }),
			// // 添加监听事件
			// listeners : {
			// 'click' : function(view, rec) {
			// var nodeurl = view.attributes.url;
			// var nodetext = view.attributes.text;
			// var nodeid = view.attributes.id;
			// var leaf = view.attributes.leaf;
			// if (leaf) {
			// addTabNew(nodeurl, nodetext, nodeid, nodetext, '');
			// }
			// }
			// }
			// });
			// /**
			// * 关键字分类管理
			// */
			// var menuTree_CategoryKeywordQuery = new Ext.tree.TreePanel({
			// id : 'menuTree_CategoryKeywordQuery',
			// // autoScroll : true,
			// // autoHeight : true,
			// expanded : true,
			// singleExpand : true,
			// useArrows : true,
			// rootVisible : true,
			// root : new Ext.tree.AsyncTreeNode({
			// id : '-1',
			// text : '关键字与分类管理',
			// expanded : true,
			// children : [ {
			// id : 'keywordmng',
			// text : "关键字管理",
			// leaf : true,
			// url : '../keyword/init'
			// }, {
			// id : 'categorymng',
			// text : "分类管理",
			// leaf : true,
			// url : '../category/init'
			// } ]
			// }),
			// // 添加监听事件
			// listeners : {
			// 'click' : function(view, rec) {
			// var nodeurl = view.attributes.url;
			// var nodetext = view.attributes.text;
			// var nodeid = view.attributes.id;
			// var leaf = view.attributes.leaf;
			// if (leaf) {
			// addTabNew(nodeurl, nodetext, nodeid, nodetext, '');
			// }
			// }
			// }
			// });
			// /**
			// * 消息系统
			// */
			// var menuTree_NoticeSystem = new Ext.tree.TreePanel({
			// id : 'menuTree_NoticeSystem',
			// // autoScroll : true,
			// // autoHeight : true,
			// expanded : true,
			// singleExpand : true,
			// useArrows : true,
			// rootVisible : true,
			// root : new Ext.tree.AsyncTreeNode({
			// id : '-1',
			// text : '消息管理',
			// expanded : true,
			// children : [ {
			// id : 'noticeList',
			// text : "消息汇总",
			// leaf : true,
			// url : '../notice/init'
			// } ]
			// }),
			// // 添加监听事件
			// listeners : {
			// 'click' : function(view, rec) {
			// var nodeurl = view.attributes.url;
			// var nodetext = view.attributes.text;
			// var nodeid = view.attributes.id;
			// var leaf = view.attributes.leaf;
			// if (leaf) {
			// addTabNew(nodeurl, nodetext, nodeid, nodetext, '');
			// }
			// }
			// }
			// });
			// 左侧菜单，可以收缩的模式
			var accordPanel = new Ext.Panel({
						id : 'accordPanel',
						layout : 'accordion',
						frame : true,
						header : false,
						height : document.documentElement.clientHeight - 120,
						layoutConfig : {
							animate : true
						},
						width : 200,
						collapsible : true,
						minSize : 200,
						maxSize : 350,
						split : true,
						bodyPadding : 5,
						items : [
								// {
								// autoScroll : true,
								// border : false,
								// title : '管理信息查询',
								// iconCls : 'app_boxesIcon',
								// items : [ menuTree_InfoQuery ]
								// },
								{
							autoScroll : true,
							border : false,
							title : '信息查询',
							iconCls : 'wrenchIcon',
							items : [menuTree_Stg]
						}, {
							autoScroll : true,
							border : false,
							title : '系统管理',
							iconCls : 'folder_cameraIcon',
							items : [menuTree_InfoQuery]
						}
						// , {
						// autoScroll : true,
						// border : false,
						// title : '关键字与分类',
						// iconCls : 'folder_cameraIcon',
						// items : [ menuTree_CategoryKeywordQuery ]
						// }, {
						// autoScroll : true,
						// border : false,
						// title : '消息管理',
						// iconCls : 'folder_cameraIcon',
						// items : [ menuTree_NoticeSystem ]
						// }
						]
					});

			// 相关公共函数
			// 添加一个标签的函数
			function addTab(tabname, url) {
				var tabs = mainTabPanel.add({
							title : tabname,
							html : url,
							closable : true
						});
				mainTabPanel.setActiveTab(tabs);
			}
			// 主布局设置
			var mainviewport = new Ext.Viewport({
						layout : 'border',
						items : [
								// {
								// region : 'north',
								// title : '管理系统 <font color="blue">'
								// + new Date().format('Y-m-d')
								// + ' <span id="rTime"><span></font>',
								// frame : true,
								// html : '<br><center><font
								// size=6>经销商信息管理系统</font></center>',
								// html : '<img border="0" width="450"
								// height="70"src="../images/logo.jpg"></img>',
								// collapsible : true,
								// autoEl : {
								// tag : 'div',
								// html : '<td style="padding-right:5px"><table
								// width="100%" border="0" cellpadding="0"
								// cellspacing="3" class="banner"><tr
								// align="right"><td><br><center><font
								// size=6>经销商信息管理系统</font></center><font
								// color="blue">'
								// + new Date().format('Y-m-d')
								// + '
								// <spanid="rTime"><span></font></td></tr><tralign="right"><td>'
								// },
								// border : false,
								// layout : 'fit'
								// // autoHeight : true
								// },
								{
							region : 'center',
							header : false,
							// collapsible : true,
							split : true,
							autoScroll : false,
							layout : 'fit',
							items : [mainTabPanel]
						}, {
							region : 'west',
							title : '系统导航 <font color="black">'
									+ new Date().format('Y-m-d')
									+ ' <span id="rTime"><span></font>',
							split : true,
							collapsible : true,
							autoHeight : true,
							width : 200,
							// minWidth : 175,
							// maxWidth : 400,
							items : [accordPanel]
						}
						// , {
						// region : 'south',
						// title : '联系我们',
						// collapsible : true,
						// collapsed : true,
						// height : 100
						// }
						]
					});
		});
/**
 * 显示系统时钟
 */
function showTime() {
	var date = new Date();
	var h = date.getHours();
	h = h < 10 ? '0' + h : h;
	var m = date.getMinutes();
	m = m < 10 ? '0' + m : m;
	var s = date.getSeconds();
	s = s < 10 ? '0' + s : s;
	document.getElementById('rTime').innerHTML = h + ":" + m + ":" + s;
}

window.onload = function() {
	setInterval("showTime()", 1000);
}